@import url('../../assets/css/_.less');
.tederen-menu{
  position: fixed;
  width: 100%;
  height: 100%;
  .header{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 60px;
    background-color: @ca;
    line-height: 60px;
    text-align: left;
    padding: 0 20px;
    z-index: 1000;// 根据页面其他组件来设置具体的值
    // .box-shadow(0 0 5px #888);
    .logo{
      width: 100px;
      display: inline-block;
      vertical-align: middle;
    }
    .title{
      color: #fff;
      font-size: 16px;
      letter-spacing: 0.1em;
      vertical-align: middle;
    }
    .right-option{
      position: absolute;
      right: 20px;
      top: 0px;
      color: #fff;
      >span{
        margin: 0 3px;
      }
      .line{
        color: #e5e6e7;
      }
      >a{
        margin: 0 3px;
        &:hover{
          color: @cb;
          text-decoration: underline;
        }
      }
    }
  }
  .menu-list{
    position: absolute;
    top: 60px;
    left: 0;
    bottom: 0;
    width: 200px;
    background-color: @ca;
    color: #fff;
    .item1{
      background-color: #333;
      text-align: center;
      cursor: pointer;
      .item_1{
        height: 40px;
        line-height: 40px;
        position: relative;
        .ion-ios-arrow-left{
          font-size: 20px;
          position: absolute;
          right: 10px;
          // top: 10px;
          display: inline-block;
          .transition;
        }
        &:hover{
          background-color: #7f7f7f;
        }
      }
      .item2{
        overflow: hidden;
        background-color: #444;
        .transition;
        .item_2{
          height: 40px;
          line-height: 40px;
          &:hover{
            background-color: #7f7f7f;
          }
        }
      }
    }
  }
  .main{
    position: absolute;
    left: 200px;
    top: 60px;
    bottom: 0;
    right: 0;
    background-color: #fff;
    padding: 20px;
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}